<template>
  <div class="company-page">
    <company-header @done="done"></company-header>
    <company-block></company-block>
    <company-block></company-block>
    <company-block></company-block>
  </div>
</template>

<script>
import CompanyHeader from './components/Header.vue';
import CompanyBlock from './components/Block.vue';

export default {
  name: 'CompanyList',
  data() {
    return {
      rate: 5.6,
      companyList: []
    };
  },
  components: {
    CompanyHeader,
    CompanyBlock
  },
  methods: {
    done(data) {
      this.companyList = data;
    }
  },
  updated() {
    console.log('company updated');
  }
};
</script>

<style>

</style>
